.navbar-0 {
  background-color:#eef0ef; height:50px;
}

.navbar-1 {
    margin:0 auto;
    max-width:1210px;
  display: flex;
  justify-content:space-between;
  align-items: center;
  padding: 0 0;
  /*background-color: #ffffff;*/
  /*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/

  background-color:#eef0ef; height:50px;
}

/* Logo样式 */
.logo {
  font-size: 22px;
  /*font-weight: bold;*/
  color: #333;
  white-space: nowrap;
}

/* 搜索框容器 */
.search-container {
  display: flex;
  align-items: center;
  flex: 1; /* 占满中间空间 */
  max-width: 303px;
}

/* 搜索输入框 */
.search-input {
  flex: 1;
  height: 40px;
  padding: 0 15px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  background:#fff;
}

/* 搜索按钮 */
.search-btn {
  height: 40px;
  line-height:39px;
  padding: 0 20px;
  background-color: #638eae;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  margin-left: 10px;
  white-space: nowrap;
}

.search-btn:hover {
  background-color: #638eae;
}

/* 导航链接容器 */
.nav-links {
  display: flex;
  gap: 55px;
  margin-left: 40px;
}

/* 导航链接样式 */
.nav-link {
  text-decoration: none;
  padding: 5px 0;
  position: relative;

  line-height:50px; font-size:18px; color:#000;
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #409eff;
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

